<div id="mensajito" class="alert alert-success alert-dismissable" style="display: none;">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
  Se han agregado correctamente los datos del profesor!
</div>

<h3><strong>Datos del Profesor</strong></h3>
<div class="col-lg-6">
	<div class="panel panel-default">
		<div class="panel-body" style = "background: #CEE3F6">
			<div id= "formArea" class="col-xs-12">
				<form="myForm" id="commonform" role="form" enctype="multipart/form-data" action="create_profesor.php" method="post">
				
					<div class="col-xs-11"></div>
		      <div class="form-group col-xs-3" id="rif_letra">
            <label>Rif&nbsp;</label>
            <select class="form-control" name="rif_letra" value="letra" required>
              <option value=" " disabled selected style="display:none;">letra</option>
              <option value="V">Venezolano</option>
              <option value="J">Jurídico</option>
            </select> 
          </div>
		      <div class="form-group col-xs-8" id="rif_num">
            <label>&nbsp;</label>
			      <input type="number" class="form-control" min="0" max="33333333" name="rif_num" placeholder="Valor" required>
		      </div>
					
					<div class="col-xs-12"></div>
					<div class="form-group col-xs-3" id="fecha_nacimiento">
						<label>Fecha de Nacimiento&nbsp;<span class="glyphicon glyphicon-asterisk" style="font-size: 0.8em;"/></label>
						<input type="number" class="form-control" min="1" max="31" name="fecha_nacimiento" placeholder="Día" required form="myForm">
					</div>
					<div class="form-group col-xs-6" id="fecha_nacimiento_mes">
						<label>&nbsp;</label>
						<select class="form-control" name ="fecha_nacimiento_mes" value="Mes" required form="myForm">
							<option value="" disabled selected style="display:none;">Mes</option>
							<option value="1">Enero</option>
							<option value="2">Febrero</option>
							<option value="3">Marzo</option>
							<option value="4">Abril</option>
							<option value="5">Mayo</option>
							<option value="6">Junio</option>
							<option value="7">Julio</option>
							<option value="8">Agosto</option>
							<option value="9">Septiembre</option>
							<option value="10">Octubre</option>
							<option value="11">Noviembre</option>
							<option value="12">Diciembre</option>
						</select>
					</div>
					<div class="form-group col-xs-3" id="fecha_nacimiento_año">
						<label>&nbsp;</label>
						<input type="number" class="form-control" min="2000" max="2100" name="fecha_nacimiento_año" placeholder="Año" required form="myForm">
					</div>
					
					
					<form role="form">
					<div class="form-group">
						<label for="lugar">Ciudad de Nacimiento</label>
						<input type="text" class="form-control" id="ciudad">
					</div>
					<form role="form">
					<div class="form-group">
						<label for="pais">Pais de Nacimiento</label>
						<input type="text" class="form-control" id="pais">
					</div>
					<form role="form">
					<div class="form-group">
						<label for="nacionalidad">Nacionalidad</label>
						<input type="text" class="form-control" id="nacionalidad" required>
					</div>
					
					<div class="col-xs-12"></div>
					<div class="form-group col-xs-3" id="fecha_ingreso">
						<label>Fecha de Ingreso&nbsp;<span class="glyphicon glyphicon-asterisk" style="font-size: 0.8em;"/></label>
						<input type="number" class="form-control" min="1" max="31" name="fecha_ingreso_dia" placeholder="Día" required form="myForm">
					</div>
					<div class="form-group col-xs-6" id="fecha_ingreso_mes">
						<label>&nbsp;</label>
						<select class="form-control" name ="fecha_ingreso_mes" value="Mes" required form="myForm">
							<option value="" disabled selected style="display:none;">Mes</option>
							<option value="1">Enero</option>
							<option value="2">Febrero</option>
							<option value="3">Marzo</option>
							<option value="4">Abril</option>
							<option value="5">Mayo</option>
							<option value="6">Junio</option>
							<option value="7">Julio</option>
							<option value="8">Agosto</option>
							<option value="9">Septiembre</option>
							<option value="10">Octubre</option>
							<option value="11">Noviembre</option>
							<option value="12">Diciembre</option>
						</select>
					</div>
					<div class="form-group col-xs-3" id="fecha_ingreso_año">
						<label>&nbsp;</label>
						<input type="number" class="form-control" min="2000" max="2100" name="fecha_ingreso_año" placeholder="Año" required form="myForm">
					</div>
					
					<div class="col-xs-12"></div>
					<div class="form-group col-xs-3" id="fecha_concurso_oposicion">
						<label>Fecha de Concurso de Oposicion&nbsp;<span class="glyphicon glyphicon-asterisk" style="font-size: 0.8em;"/></label>
						<input type="number" class="form-control" min="1" max="31" name="fecha_concurso_oposicion_dia" placeholder="Día" required form="myForm">
					</div>
					<div class="form-group col-xs-6" id="fecha_concurso_oposicion_mes">
						<label>&nbsp;</label>
						<select class="form-control" name ="fecha_concurso_oposicion_mes" value="Mes" required form="myForm">
							<option value="" disabled selected style="display:none;">Mes</option>
							<option value="1">Enero</option>
							<option value="2">Febrero</option>
							<option value="3">Marzo</option>
							<option value="4">Abril</option>
							<option value="5">Mayo</option>
							<option value="6">Junio</option>
							<option value="7">Julio</option>
							<option value="8">Agosto</option>
							<option value="9">Septiembre</option>
							<option value="10">Octubre</option>
							<option value="11">Noviembre</option>
							<option value="12">Diciembre</option>
						</select>
					</div>
					<div class="form-group col-xs-3" id="fecha_concurso_oposicion_año">
						<label>&nbsp;</label>
						<input type="number" class="form-control" min="2000" max="2100" name="fecha_concurso_oposicion_año" placeholder="Año" required form="myForm">
					</div>
					
					<form role="form">
					<div class="form-group">
						<label for="tipo_contratacion">Tipo de Contratacion</label>
						<input type="text" class="form-control" id="tipo_contratacion">
					</div>
					
					<div class="col-xs-12"></div>
					<div class="form-group col-xs-3" id="fecha_ultima_contratacion">
						<label>Fecha del Ultimo Periodo de contratacion&nbsp;<span  style="font-size: 0.8em;"/></label>
						<input type="number" class="form-control" min="1" max="31" name="fecha_ultima_contratacion_dia" placeholder="Día"  form="myForm">
					</div>
					<div class="form-group col-xs-6" id="fecha_ultima_contratacion_mes">
						<label>&nbsp;</label>
						<select class="form-control" name ="fecha_ultima_contratacion_mes" value="Mes" form="myForm">
							<option value="" disabled selected style="display:none;">Mes</option>
							<option value="1">Enero</option>
							<option value="2">Febrero</option>
							<option value="3">Marzo</option>
							<option value="4">Abril</option>
							<option value="5">Mayo</option>
							<option value="6">Junio</option>
							<option value="7">Julio</option>
							<option value="8">Agosto</option>
							<option value="9">Septiembre</option>
							<option value="10">Octubre</option>
							<option value="11">Noviembre</option>
							<option value="12">Diciembre</option>
						</select>
					</div>
					<div class="form-group col-xs-3" id="fecha_ultima_contratacion_año">
						<label>&nbsp;</label>
						<input type="number" class="form-control" min="2000" max="2100" name="fecha_ultima_contratacion_año" placeholder="Año" form="myForm">
					</div>
					
					
					<div class="col-xs-12"></div>
					<div class="form-group col-xs-3" id="fecha_ultima_ascenso">
						<label>Fecha del Ultimo Ascenso&nbsp;<span style="font-size: 0.8em;"/></label>
						<input type="number" class="form-control" min="1" max="31" name="fecha_ultima_contratacion_dia" placeholder="Día"  form="myForm">
					</div>
					<div class="form-group col-xs-6" id="fecha_ultima_contratacion_mes">
						<label>&nbsp;</label>
						<select class="form-control" name ="fecha_ultima_ascenso_mes" value="Mes" form="myForm">
							<option value="" disabled selected style="display:none;">Mes</option>
							<option value="1">Enero</option>
							<option value="2">Febrero</option>
							<option value="3">Marzo</option>
							<option value="4">Abril</option>
							<option value="5">Mayo</option>
							<option value="6">Junio</option>
							<option value="7">Julio</option>
							<option value="8">Agosto</option>
							<option value="9">Septiembre</option>
							<option value="10">Octubre</option>
							<option value="11">Noviembre</option>
							<option value="12">Diciembre</option>
						</select>
					</div>
					<div class="form-group col-xs-3" id="fecha_ultima_ascenso_año">
						<label>&nbsp;</label>
						<input type="number" class="form-control" min="2000" max="2100" name="fecha_ultimo_ascenso_año" placeholder="Año" form="myForm">
					</div>

					<div class="col-xs-12"></div>
					<div class="form-group col-xs-3" id="fecha_egreso">
						<label>Fecha de Egreso&nbsp;<span  style="font-size: 0.8em;"/></label>
						<input type="number" class="form-control" min="1" max="31" name="fecha_egreso_dia" placeholder="Día"  form="myForm">
					</div>
					<div class="form-group col-xs-6" id="fecha_egreso_mes">
						<label>&nbsp;</label>
						<select class="form-control" name ="fecha_egreso_mes" value="Mes" form="myForm">
							<option value="" disabled selected style="display:none;">Mes</option>
							<option value="1">Enero</option>
							<option value="2">Febrero</option>
							<option value="3">Marzo</option>
							<option value="4">Abril</option>
							<option value="5">Mayo</option>
							<option value="6">Junio</option>
							<option value="7">Julio</option>
							<option value="8">Agosto</option>
							<option value="9">Septiembre</option>
							<option value="10">Octubre</option>
							<option value="11">Noviembre</option>
							<option value="12">Diciembre</option>
						</select>
					</div>
					<div class="form-group col-xs-3" id="fecha_egreso_año">
						<label>&nbsp;</label>
						<input type="number" class="form-control" min="2000" max="2100" name="fecha_egreso_año" placeholder="Año" form="myForm">
					</div>
					

					
					<div class="form-group">
						<label for="unidad_ejecutora">Unidad Ejecutora</label>
						<input type="text" class="form-control" id="unidad_ejecutora" required>
					</div>

					<div class="form-group">
						<label for="programa">Programa</label>
						<input type="text" class="form-control" id="programa" required>
					</div>
					
					<div class="form-group">
						<label for="id_detalle">ID Detalle</label>
						<input type="text" class="form-control" id="id_detalle" required>
					</div>
					
					<div class="form-group">
						<label for="estatus">Estatus</label>
						<input type="text" class="form-control" id="estatus">
					</div>

					<div class="form-group">
						<label for="nivel_academico">Nivel Academico</label>
						<input type="text" class="form-control" id="nivel_academico">
					</div>

					<div class="form-group">
						<label for="escalafon">Escalafon</label>
						<input type="text" class="form-control" id="escalafon">
					</div>

					<div class="form-group">
						<label for="dedicacion">Dedicacion</label>
						<input type="text" class="form-control" id="dedicacion">
					</div>

					<div class="form-group">
						<label for="centro">Centro de Investigacion</label>
						<input type="text" class="form-control" id="centro">
					</div>
					
					<div class="form-group">
						<label for="contrato">Numero de Contrato</label>
						<input type="text" class="form-control" id="contrato">
					</div>

					<div class="form-group">
						<label for="cpropuesta">Propuesta Programacion Docente</label>
						<input type="text" class="form-control" id="propuesta">
					</div>
					
					<div class="col-xs-12"></br></div>
					<div class="col-xs-4"></div>
					<div class="col-xs-4">	
						<button type="submit" class="btn btn-primary form-control">Agregar</button>
					</div>
					<div class="col-xs-4"></div>
					<div class="col-xs-12"></br></div>
				</form>
			</div>	
   	 	</div>
	</div>
</div>

<script>
$('#myForm').next(function() 
{
   return confirm("¿Está seguro que desea continuar?");
});
</script>

<script type="text/javascript">
	$("#siguiente").click(function(){$("#formArea").load('agregar_persona.html');});
</script>